*{margin: 0;padding: 0;text-decoration: none;}
body{padding: 20px;}
#container{width: 600px;height: 400px;border: #333 solid 3px;overflow:hidden;position: relative;}
#list{width: 4800px;height: 400px;position: absolute;z-index: 1;}
#list img{float: left;width: 600px;height: 400px;}
#buttons{position: absolute;height: 10px;width: 115px;z-index: 2;bottom: 20px;left: 245px;}
#buttons span{cursor: pointer;float: left;border: 1px solid #fff;width: 10px;height: 10px;border-radius: 50%;background: #333;margin-right: 5px;}
#buttons .on{background: orange;}
.arrow{cursor: pointer;display: none;line-height: 40px;text-align: center;font-size: 36px;font-weight: bold;width: 40px;height: 40px;position: absolute;z-index: 2;top: 180px;background-color: RGBA(0,0,0,.3);color: #fff;}
.arrow:hover{background-color: RGBA(0,0,0,.7);}
#container:hover .arrow{display: block;}
#prev{left: 20px;}
#next{right: 20px;}